<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>

<html:html>
	<head> 
		<title> </title>
		<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.12.custom.css" />
    	<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
    	<script type="text/javascript" src="js/jquery-ui-1.8.12.custom.min.js"></script>
    	
    	<style type="text/css">
	        input {
	            font-size: 120%;
	        }
    	</style>
	</head>
	<body>
		<div>
			<html:form action="/loginAction">
				User Name : <html:text name="loginForm" property="userName" styleId="userName"/> <br>
				Password : <html:text name="loginForm" property="password" />  Remember <html:checkbox property="remember" /><br>
				<div id="userNameDiv"> </div>
				<html:submit value="Submit" />
				
				<br>
								<a href="createUpdateTeam.do">Teams</a>
				
			<script type="text/javascript">
				var availableTags = [
					"ActionScript",
					"AppleScript",
					"Asp",
					"BASIC",
					"C",
					"C++",
					"Clojure",
					"COBOL",
					"ColdFusion",
					"Erlang",
					"Fortran",
					"Groovy",
					"Haskell",
					"Java",
					"JavaScript",
					"Lisp",
					"Perl",
					"PHP",
					"Python",
					"Ruby",
					"Scala",
					"Scheme"
				];
			        $(function() {
						$("#userName").autocomplete({
							source: availableTags
						});
						
						$("#userName").change(function(){
							$.ajax({
								url: "showTime.do",
								success: showAlert,
								cache: false
							})
							
							function showAlert(text){
								//$("#userNameDiv").innerHTML = text;
								//alert(text);
								var texts = eval(text);
							}
							
						});
					});
				</script>
			</html:form>
		</div>
	</body>
</html:html>